<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>会员资料-处方审核</title>

    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="./../css/comm.css" rel="stylesheet">
    <link href="./../css/setting.css" rel="stylesheet">
    
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- begin header -->
    <header>
        <nav class="navbar navbar-default" >
          <ul class="nav nav-tabs nav-justified top-nav" style="width: 96%;margin: 0 auto">
            <li>
              <h2>LOGO/**处方平台</h2>
            </li>
            <li><p>2018年8月20号   星期一</p></li>
            <li>
              <div class="form-group count-form">
                <div>
                  <p><img src="./../img/set-icon_03.png" alt="勋章"></p>
                </div>
                <div>
                  <p>账户：<span>VGJ5476213</span></p>
                  <p>我的会员3天后到期</p>
                </div>
                
              </div>
            </li>
          </ul>
        </nav>
    </header>
    <!-- end header -->
    <!-- begin content -->
      <div class="content">
        <div class="row" style="margin: 0">
            <div class="col-xs-6 col-md-2">
                <ul class="setting-menus-nav">
                  <li>
                    <span>远程问诊</span>
                  </li>
                  <li class="active">
                    <span>处方审核</span>
                  </li>
                  <li>
                    <span>含麻登记</span>
                  </li>
                </ul>
            </div>
            <div class="col-xs-6 col-md-10">
                <table class="table members-table">
                </table>
            </div>
          </div>
      </div>
      <!-- end content -->
      <footer>
          <nav class="navbar navbar-default" >
          <ul class="nav nav-tabs nav-justified">
            <li >
              在线问诊
            </li>
            <li>
              在线审方
            </li>
            <li>
              含麻登记
            </li>
            <li>
              会员中心
            </li>
            <li class="active">
              设置
            </li>
          </ul>
        </nav>
      </footer>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
				<script src="../js/jquery.min.js"></script>
        <script src="../asset/js/bootstrap.min.js"></script>
    		<script src="../asset/js/bootstrap-table.min.js"></script>
    		<script src="../js/comm.js" type="text/javascript" charset="utf-8"></script>
    		<script type="text/javascript">
					/* 获取id */
					var prescriptionId=getQueryString('prescriptionId');
    			var myData=[];
    			$('.members-table').bootstrapTable({
    						method : 'get', // 服务器数据的请求方式 get or post
    						url :defaultUrl+"/auditRecord/queryPrescription", // 服务器数据的加载地址
    						iconSize : 'outline',
    						toolbar : '#exampleToolbar',
    						striped: false, // 设置为true会有隔行变色效果
    						dataType : "json", // 服务器返回的数据类型
    						pagination : true, // 设置为true会在底部显示分页条
    						singleSelect : false, // 设置为true将禁止多选
    						pageSize : 10, // 如果设置了分页，每页数据条数
    						pageNumber : 1, // 如果设置了分布，首页页码
    						// search : true, // 是否显示搜索框
    						showColumns : false, // 是否显示内容下拉框（选择显示的列）
    						sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
    						contentType: "application/x-www-form-urlencoded",//请求数据内容格式 默认是 application/json 自己根据格式自行服务端处理
    						queryParams :function(params) {
    							return {
    								limit : params.limit,
    								offset : params.offset,
										associatorId:prescriptionId
    							};
    						},
    						columns :[
    								{
    									checkbox : true,
    									width:'3%'
    								},
    								{
    										field: 'associatorId',
    										title: "序号",								
    										width:'5%'
    								},
    								{
    								    field: 'attachmentUrl',
    								    title: "头像",
    										formatter : function(value, row, index) {
    											var e = '<img src="'+ row.attachmentUrl+'" style="width:50px;height:50px;border-radius:50%;display:block"/> ';
    											return e;
    										},
    										width:'20%'
    								},
    								{
    								    field: 'associatorName',
    								    title: "用户名",								
    								    width:'15%'
    								},
    								{
    										field: 'sex',
    										title: "性别",
    										formatter : function(value, row, index) {
    											if(row.sex==0){
    												return '女';
    											}else if(row.sex==1){
    												return '男';
    											}
    										},
    										width:'10%'
    								},
    								{
    										field: 'age',
    										title: "年龄",
    										width:'10%'
    								},
    								{
    								    field: "phone",
    								    title: "电话",
    								    width:'10%'
    								},
    								{
    									title:'操作',
    									width:'15%',
    									formatter :actionFormatter
    								}	
    								],
    								onLoadSuccess: function (data) {
    									myData=data.rows;
                    },
    								formatNoMatches: function(){
    							        return "没有相关的匹配结果";
    							    },
    							  formatLoadingMessage: function(){
    							      return "请稍等，正在加载中。。。";
    							  }
    					});
    					function reLoad() {
    						$('.members-table').bootstrapTable('refresh');
    					}
    					function actionFormatter(value, row, index) {
                var id = row.associatorId;
                var result = "";
								result += "<a href='javascript:;' class='btn btn-xs green' onclick=\"viewById('" + id + "')\" title='查看'><span class='glyphicon glyphicon-search'></span></a>";
                result += "<a href='javascript:;' class='btn btn-xs blue' onclick=\"edit('" + id + "')\" title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>";
                result += "<a href='javascript:;' class='btn btn-xs red' onclick=\"del('" + id + "')\" title='删除'><span class='glyphicon glyphicon-remove'></span></a>";
    
                return result;
            }
    		</script>
  </body>
</html>